<ion-view ng-controller="ReserveShopCtrl">
  <ion-content class="padding-content has_footer" style="overflow: hidden;">
    <ion-scroll zooming="true" scrollbar-y="false" direction="y" style="float: left;width: 30%; height: 100%;background-color:#F5F5F5;overflow: hidden;margin-top: .5em;">
      <ion-list>
        <ion-item ng-repeat="item in goods_list" ng-click="choose_menu(item.id,$index)" style="{{chooseLeftStyle[$index]}}     border-color: rgba(221, 221, 221, 0) !important;overflow: hidden;">
          <span class="font2"> {{item.name}}</span>
        </ion-item>
      </ion-list>
    </ion-scroll>






    <ion-scroll ng-repeat="menu_item in goods_list" ng-show="start_menu == menu_item.id" zooming="true" scrollbar-y="false" direction="y" style="float: left;width: 70%; height: 100%; background: #fff;">

      <ion-list>
        <ion-item ng-repeat="item in menu_item.foodList" style="overflow: hidden;">
          <div class="food-item">
            <div>
              <img src="{{IMAGE_IP}}/api{{item.picture1}}" />
            </div>
            <div class="food-item-right" style="margin-left:1em;">
              <span style="float:left;font-size:1.2em;padding-top:.3em;padding-bottom:.3em;margin-left: -.5em;">{{item.name}}</span>
              <br />
              <br />
              <span style="float:left;font-size:1.2em;color:#ffaa33;line-height:1em;font-family: Arial, Helvetica, sans-serif;margin-left: -0.5em;padding-top: 0.5em; "><span style=" font-family:Times New Roman,Windings">￥</span>{{item.goodsPrice}}</span>

              <table style="text-align:center;border-collapse:inherit;float:right;margin-left: -.7em;">
                <tr>
                  <td ng-click="minus_goods_fun(item.id,item)" style="width:29%;font-size:2.5em;border:1px solid rgba(153, 153, 153, 0.57);border-radius: 2em;">-</td>

                  <td ng-blur="blur(item.id,item,$event)" style="font-size:1.5em;">
                    <input style="width: 2em;font-size: 1em;text-align:center;    padding-left: .2em;" id="blur_input{{item.id}}" ng-blur="blur(item.id,item,$event)" type="tel" ng-model="add_goods[item.id]['add_num']" value="0">
                  </td>
                  <td ng-click="add_goods_fun(item.id,item,$event)" style="width:29%;font-size:2em;border:1px solid rgba(153, 153, 153, 0.57);border-radius: 2em;">+</td>
                </tr>
              </table>

            </div>
          </div>
        </ion-item>


      </ion-list>
    </ion-scroll>
  </ion-content>

  <div class="bar bar-footer" style="border-top: 1px solid #dddddd;height:4em;padding:0 !important;
    background-color:#F5F5F5" id="end">

    <div class="total_num">
      <span>共计：<span style="color:#FFB54E">￥{{goods_sum}}</span></span>
    </div>

    <div class="submit_bt">
      <button class="button button-balanced " style="font-size:1.5em;height: 3em;background-color:#29b6f6;float: right;width:60%;" ng-click="sub_goods()">
        提交 ( {{goods_num}} )
      </button>
    </div>
  </div>


</ion-view>